// 点击返回回到首页
$('header>span').click(function(){
    location.href="index.html";
})

// 页面加载时显示所有搜索记录
$(function(){
    let arr2=JSON.parse( localStorage.getItem("date") );
    console.log(arr2);
    for(let i=0;i<arr2.length;i++){
        let li=`<li>${arr2[i]}</li>`;
        $('.con').append(li); 
    }
})


// 添加数据
let arr=[];
$('.searchbtn').click(function(){
    let val=$('#txt').val();
    if(localStorage.getItem('date')!=null){//判断是否有搜索记录，有则取出变为数组再push新数据
        arr=JSON.parse( localStorage.getItem("date") );
    }
    if(val!=""){   //判断输入是否有内容，空字符串不push
     arr.push(val);
    } else{
        alert('请输入搜索内容！');
    }
    localStorage.setItem("date",JSON.stringify(arr));
    
    // 显示数据
    let arr2=JSON.parse( localStorage.getItem("date") );
    let index=arr2.length-1;  //数组的最后一项数据即为最新输入内容
    if( $('#txt').val()!="" ){  //最后一次有输入，将数组最后一个取出显示出来
         let li=`<li>${arr2[index]}</li>`;
        $('.con').append(li); 
    }

    $('#txt').val('');//添加一项后将文本框清空，防止不输入就能多次搜索
    

})

// 删除数据
// 弹出蒙版
$('.delbtn').click(function(){
    $('#mask').css('display','block');
})
// 确认删除
$('.yes').click(function(){
    $('.con').html('');
    localStorage.clear("date");
    $('#mask').css('display','none');
})
// 取消删除
$('.no').click(function(){
    $('#mask').css('display','none');
})


